<div id="pad-wrapper" class="new-user">
	<div class="row-fluid header">
		<h3>创建社团</h3>
	</div>
	<div class="row-fluid form-wrapper">
		<!-- left column -->
		<div class="span9 with-sidebar">
			<div class="container">
				<form class="new_user_form form-horizontal" action="/product/save" method="post" id="dataForm" enctype="multipart/form-data">
					<div class="field-box"></div>
					<div class="control-group form-group span12">
						<label class="control-label" for="organization_name">社团名称：</label>
						<div class="controls col-lg-5">
							<input type="text" class="form-control" id="product_name" name="product_name" placeholder="商品名称"/>
						</div>
					</div>
					<div class="control-group form-group span12">
						<label class="control-label" for="template_image">商品描述：</label>
						<div class="controls col-lg-5">
							<!--style给定宽度可以影响编辑器的最终宽度-->
								<script type="text/plain" id="description" style="width:1000px;height:240px;" name="description">
								</script>
						</div>
					</div>
					<div class="control-group form-group span12">
						<label class="control-label" for="status">状态：</label>
						<div class="controls col-lg-5">
							<div class="ui-select span1">
								<select name="status">
									<option value="1">使用</option>
									<option value="2">禁用</option>
								</select>
							</div>
						</div>
					</div>
					<div class="span12 field-box"></div>
					<div class="control-group form-group span12 actions">
						<label class="control-label"></label>
						<div class="controls col-lg-5">
							<input type="submit" class="btn-glow primary" value="提交" />
						</div>
					</div>
				</form>
			</div>
		</div>
		<!-- side right column -->
		<div class="span3 form-sidebar pull-right">
		</div>
	</div>
	
	<script type="text/javascript">
    //实例化编辑器
    var um = UM.getEditor('description',{
    	imagePath: "<?php echo STATIC_IMAGE?>upload/",
    	imageUrl : "/ueditor/upload",
      });
</script>
	<script type="text/javascript">
	$(document).ready(function() {
		$('#dataForm').bootstrapValidator({
			message: 'This value is not valid',
			feedbackIcons: {
				valid: 'glyphicon glyphicon-ok',
				invalid: 'glyphicon glyphicon-remove',
				validating: 'glyphicon glyphicon-refresh'
			},
			fields: {
				product_name: {
					message: '商品名称不符合规则',
					validators: {
						notEmpty: {
							message: '商品名称是必填项，不能为空'
						}
					}
				},
				description: {
					message: '商品描述不符合规则',
					validators: {
						notEmpty: {
							message: '商品描述是必填项，不能为空'
						}
					}
				}
			}
		});
	});
	</script>
</div>